// app global css in SCSS form
.image-box {
  width: 40px;
  height: 40px;
  margin: 0;

}

.image-box-xs {
  width: 32px;
  height: 32px;
  margin: 0;
  position: relative;
}

.image-box-8-3 {
  width: 80px;
  height: 30px;
  margin: 0;
  position: relative;
}

.image-box-4-1_5 {
  width: 40px;
  height: 15px;
  margin: 0;
  position: relative;
}


.image-box-lg {
  width: 64px;
  height: 64px;
  margin: 0;
  position: relative;
}

.image-box-100 {
  width: 100px;
  height: 100px;
  margin: 0;
  position: relative;
}

.image-box-xl {
  width: 128px;
  height: 128px;
  margin: 0;
  position: relative;
}

.fit-thumb {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.image-title {
  white-space:pre-line;
  word-wrap: break-word;
  word-break: break-all;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 140px;
  padding: 5px;
  background-color:rgba(255, 255, 255, 0.7);
  color: black;
}

.btn-fixed-width {
  width: 120px
}

.my-sticky-virtscroll-table {
  .q-table__top {
    background-color: #fff;
  }
  .q-table__bottom {
    background-color: #fff;
  }

  thead tr:first-child th {
    background-color: #fff;
  }

  thead tr th {
    position: sticky;
    z-index: 1;
  }
  /* this will be the loading indicator */

  thead tr:last-child th {
    top: 48px;
  }

  thead tr:first-child th {
    top: 0;
  }
}

.my-sticky-child {
  thead tr th {
    z-index: auto;
  }
}
